<div class="card plugin">
  <div class="card-body">
    <div class="first-row">
      <span class="plugin-name">{{ plugin.name }}</span>

      <span class="plugin-version">{{ version }}</span>

      <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="plugin.homepage" i18n-title title="Plugin homepage (new window)">
        <my-global-icon iconName="home"></my-global-icon>
      </a>

      <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="getPluginOrThemeHref(plugin.name)" i18n-title title="Plugin homepage (new window)">
        <my-global-icon iconName="npm"></my-global-icon>
      </a>

      <ng-content select="badges"></ng-content>

      <div class="buttons">
        <ng-content select="buttons"></ng-content>
      </div>
    </div>

    <div class="second-row">
      <div class="description">{{ plugin.description }}</div>
    </div>
  </div>
</div>
